<%@ page contentType="text/html; charset=utf-8"%>
<title>PROJECT</title>

<link
	href='http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb'
	rel='stylesheet' type='text/css' />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>



<div id="center_body">
	<!--전체를 감싸는 DIV margin:0 auto -->
	<div id="boxmain">
		<div id="top_menu">
		<img src="<%=request.getContextPath()%>/images/main.png" style="height:100">
		<div id="top_right_menu">
		<a href="#"><span>로그인</span></a>
		|
		<a href="#"><span>회원가입</span></a> 
		</div>
		</div>
		
		<!-- MENU  -->
		<div id="middel_menu">
			<!--drop menu 시작  -->
			<div id="menu">
				<ul class="menu">
					<li><a href="<%=request.getContextPath() %>/index.do" class="parent"><span>톰켓차트</span> </a>
						<div>
							<ul>
								<li><a href="#" class="parent"><span>톰켓 Top 20</span>
								</a>
									<div>
										<ul>
											<li><a href="#"><span>실시간 Top10</span> </a>
											</li>
											<li><a href="#"><span>일간 Top20</span> </a>
											</li>
											<li><a href="#"><span>주간 Top20</span> </a>
											</li>

										</ul>
									</div></li>

								<li><a href="#" class="parent"><span>장르별 음악 차트</span> </a>
									<div>
										<ul>
											<li><a href="#"><span>종합</span> </a></li>
											<li><a href="#"><span>가요</span> </a></li>
											<li><a href="#"><span>팝송</span> </a></li>
											<li><a href="#"><span>OST</span> </a></li>
										</ul>
									</div>
								</li>
								<li><a href="<%=request.getContextPath() %>/artist/artistList.do" class="parent"><span>아티스트 차트</span> </a>
									<ul>
										<li><a href="<%=request.getContextPath() %>/artist/artistList.do"><span>국내</span> </a></li>
										<li><a href="#"><span>국외</span> </a></li>
									</ul></li>
							</ul>
						</div>
					</li>

					<li><a href="#" class="parent"><span>최신 음악</span> </a>
						<div>
							<ul>
								<li><a href="#" class="parent"><span>최신곡</span> </a>
									<div>
										<ul>
											<li><a href="#"><span>종합</span> </a></li>
											<li><a href="#"><span>가요</span> </a></li>
											<li><a href="#"><span>팝송</span> </a></li>
											<li><a href="#"><span>OST</span> </a></li>
										</ul>
									</div>
								</li>

								<li><a href="#" class="parent"><span>최신앨범</span> </a>
									<div>
										<ul>
											<li><a href="#"><span>종합</span> </a></li>
											<li><a href="#"><span>가요</span> </a></li>
											<li><a href="#"><span>팝송</span> </a></li>
											<li><a href="#"><span>OST</span> </a></li>
										</ul>
									</div></li>
									<li><a href="#"><span>오늘의 업데이트</span> </a></li>
							</ul>
						</div>
					</li>


					<li><a href="#" class="parent"><span>장르음악</span> </a>
						<div>
							<ul>
								<li><a href="#"><span>종합</span> </a></li>
								<li><a href="#"><span>가요</span> </a></li>
								<li><a href="#"><span>팝송</span> </a></li>
								<li><a href="#"><span>OST</span> </a></li>
							</ul>
						</div>
					</li>
					<li><a href="#" class="parent"><span>고객센터</span> </a>
					<div>
							<ul>
								<li><a href="#"><span>Q&A</span> </a></li>
								<li><a href="<%=request.getContextPath() %>/notice/list.do"><span>공지사항</span> </a></li>
								<li><a href="#"><span>1:1상담</span> </a></li>
								<li><a href="#"><span>이용약관</span> </a></li>
							</ul>
						</div>
						</li>
					<li class="last"><a href="#"><span>이용권구매</span> </a></li>
				</ul>
				<div id="middel_menu2"><span><a href="#">Team Profile</a></span></div>
			</div>

		</div>
		<!--drop menu 끝  -->

